@import './../../../util/styles/index.scss';
.main_title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
    img {
      width: 429px;
      height: 227px;
    }
    .title_container {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: calc(100% - 454px);
        h3 {
          width: 100%;
          text-align: center;
          font-size:22px;
          font-family:AdobeSongStd-Light;
          color: $navActive;
        }
        .info {position: relative;line-height: 20px;
          > h1 {
            font-size: 14px;
            color: #242424;
            font-weight: normal;
          }
          > div{
            text-indent: 2em;
            color: #4C4C4C;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical; 
            -webkit-line-clamp: 2;
            line-height: 20px;
            max-height: 40px;
          }
          font-size:14px;
          font-family:MicrosoftYaHei;
          color: #4C4C4C;
            span {
              color: $navActive;
              font-size: inherit;
              position: absolute;
              right: 0;
              bottom: 0;
              margin: 0;
              display: inline-block;padding: 0 0 0 100px;background: linear-gradient(to right, transparent 0%, #fff 90%);
              > a{color: $navActive;}
            }
        }
        .news_list {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
            span {
              cursor: pointer;
              font-size:16px;
              font-family:MicrosoftYaHei;
              font-weight:400;
              color: #242424;
              padding-bottom: 10px;
              display: inline-block;
              width: 50%;
              box-sizing: border-box;
              &:nth-child(odd){padding-right: 10px;}
              &:nth-child(even){padding-left: 10px;}
              a {
                color: #242424;
              }
            }
        }
        .more {
          width: 100%;
          text-align: right;
          color: $navActive;
          font-size:14px;
          font-family:MicrosoftYaHei;
          font-weight:400;
          cursor: pointer;
        }
    }
}